<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<base href="<%=basePath%>">

<html>
    <head>
        <meta charset="utf-8">
        <title>
            阳光成单系统
        </title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="format-detection" content="telephone=no">
        <link rel="stylesheet" href="System/css/x-admin.css" media="all">
        <style>
            td{
                white-space:nowrap;
                overflow:hidden;
                text-overflow: ellipsis;
            }
        </style>
    </head>
    <body>
        <div class="x-nav">
            <span class="layui-breadcrumb">
              <a><cite>首页</cite></a>
              <a><cite>公告管理</cite></a>
              <a><cite>公告管理详细信息</cite></a>
            </span>
            <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"  href="javascript:location.replace(location.href);" title="刷新"><i class="layui-icon" style="line-height:30px">ဂ</i></a>
        </div>
        <div class="x-body">
            <xblock><button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon">&#xe640;</i>批量删除</button><button class="layui-btn" onclick="banner_add('添加公告','System/banner-add.jsp','600','500')"><i class="layui-icon">&#xe608;</i>添加</button><span class="x-right" style="line-height:40px">共有数据：${ids} 条</span></xblock>
            <table class="layui-table">
                <thead>
                <tr>
                    <th>
                        <input type="checkbox" name="" value="">
                    </th>
                    <th>
                        公告编号
                    </th>
                    <th>
                        公告标题
                    </th>
                    <th>
                        公告内容
                    </th>
                    <th>
                        发布人
                    </th>
                    <th>
                        发布时间
                    </th>

                    <th>
                        操作
                    </th>
                </tr>
                </thead>
                <tbody id="tbody">
                <c:forEach items="${announcements}" var="announcement">
                    <tr>
                        <td>
                            <input type="checkbox" value="${announcement.announcementId}" name="">
                        </td>
                        <td>
                                ${announcement.announcementId}
                        </td>
                        <td style="width: 8%">
                                ${announcement.announcementTitle}
                        </td>
                        <td>
                            <div id="div" style="width: 300px">
                               ${announcement.announcementContent}
                            </div>
                        </td>
                        <td >
                                ${announcement.employees.employeesName}
                        </td>
                        <td >
                                ${announcement.announcementTime}
                        </td>
                            <%--<td class="td-status">
                                <span class="layui-btn layui-btn-normal layui-btn-mini">
                                    已显示
                                </span>
                            </td>--%>
                        <td class="td-manage">
                           <%-- <a style="text-decoration:none" onclick="banner_stop(this,'10001')" href="javascript:;" title="不显示">
                                <i class="layui-icon">&#xe601;</i>
                            </a>--%>
                            <a title="编辑" href="javascript:;" onclick="banner_edit('编辑','System/banner-edit.jsp',${announcement.announcementId},'','510')"
                               class="ml-5" style="text-decoration:none">
                                <i class="layui-icon">&#xe642;</i>
                            </a>
                            <a title="删除" href="javascript:;" onclick="upAnnouncementCode(${announcement.announcementId},${announcement.announcementCode})"
                               style="text-decoration:none">
                                <i class="layui-icon">&#xe640;</i>
                            </a>
                        </td>
                    </tr>
                </c:forEach>
                </tbody>
            </table>
            <div id="page"></div>
        </div>
        <script src="System/lib/layui/layui.js" charset="utf-8"></script>
        <script src="System/js/x-layui.js" charset="utf-8"></script>
        <script>
            layui.use(['laydate','element','laypage','layer'], function(){
                $ = layui.jquery;//jquery
              laydate = layui.laydate;//日期插件
              lement = layui.element();//面包导航
              laypage = layui.laypage;//分页
              layer = layui.layer;//弹出层

              //以上模块根据需要引入

                layer.ready(function(){ //为了layer.ext.js加载完毕再执行
                  layer.photos({
                    photos: '#x-img'
                    //,shift: 5 //0-6的选择，指定弹出图片动画类型，默认随机
                  });
                }); 

            });

            //批量删除提交
             /*function delAll () {
                layer.confirm('确认要删除吗？',function(index){
                    //捉到所有被选中的，发异步进行删除
                    layer.msg('删除成功', {icon: 1});
                });
             }*/
            //批量删除所有公告信息的方法
            function delAll () {
                var checks = $('#tbody').find('input[type=checkbox]:checked');
                var ids1="";
                for (var i = 0; i < checks.length; i++) {
                    ids1+=checks[i].value+",";
                }
                console.log("获取到的id"+ids1);
                layer.confirm('确认删除选择的公告吗?',function(index){
                    //捉到所有被选中的，发异步进行删除  提示
                    layer.msg('删除成功', {icon: 1});
                    //ajax请求   软删除选中的部门数据
                    $.post("announcement/upAnnouncementAll", {ids1:ids1}, function () {
                        window.location.reload();//刷新
                    });
                });
            }
             /*添加*/
            function banner_add(title,url,w,h){
                x_admin_show(title,url,w,h);
            }
             /*停用*/
           /* function banner_stop(obj,id){
                layer.confirm('确认不显示吗？',function(index){
                    //发异步把用户状态进行更改
                    $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="banner_start(this,id)" href="javascript:;" title="显示"><i class="layui-icon">&#xe62f;</i></a>');
                    $(obj).parents("tr").find(".td-status").html('<span class="layui-btn layui-btn-disabled layui-btn-mini">不显示</span>');
                    $(obj).remove();
                    layer.msg('不显示!',{icon: 5,time:1000});
                });
            }*/

            /*启用*/
          /*  function banner_start(obj,id){
                layer.confirm('确认要显示吗？',function(index){
                    //发异步把用户状态进行更改
                    $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="banner_stop(this,id)" href="javascript:;" title="不显示"><i class="layui-icon">&#xe601;</i></a>');
                    $(obj).parents("tr").find(".td-status").html('<span class="layui-btn layui-btn-normal layui-btn-mini">已显示</span>');
                    $(obj).remove();
                    layer.msg('已显示!',{icon: 6,time:1000});
                });
            }*/

            /*删除*/
           /* function banner_del(obj,id){
                layer.confirm('确认要删除吗？',function(index){
                    //发异步删除数据
                    $(obj).parents("tr").remove();
                    layer.msg('已删除!',{icon:1,time:1000});
                });
            }*/
            //启用和禁用操作
            function upAnnouncementCode(id,code){
                alert("进删除的方法");
                if(code==1){
                    if(confirm("是否删除该公告")){
                        location.href="announcement/upAnnouncementDown?id="+id;
                    }
                }
            }
            </script>
    <script>
        // 修改公告信息
        function banner_edit (title,url,id,w,h) {
            //location.href="announcement/selectOne?id="+id;
            $.post("announcement/selectOne", {id:id}, function () {

            });
            x_admin_show(title,url,w,h);
        }
    </script>
            
    </body>
</html>